body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; } table{border-collapse:collapse; border-spacing:0; } fieldset,img{border:0; } ol,ul{list-style:none; } caption,th{text-align:left; } q:before,q:after{content:''; } abbr,acronym{border:0; } .clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .l,.col-l,.col_l,.col-c,.col_c{float:left; } .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } .n,em{font-weight:normal; font-style:normal; } .b{font-weight:bold; } .i{font-style:italic; } .fa{font-family:Arial; } .fg{font-family:Georgia; } .ft{font-family:Tahoma; } .fl{font-family:Lucida Console; } .fs{font-family:'宋体'; } .fw{font-family:'微软雅黑'; } .tc{text-align:center; } .tr{text-align:right; } .tl{text-align:left; } .tdu{text-decoration:underline; } .tdn,.tdn:hover,a.tdl:hover{text-decoration:none; } .fc0{color:#000000; } .fc3{color:#333333; }
.fc6{color:#666666; } .fc9{color:#999999; } .fcr{color:red; } .fcw{color:white; } .fcb{color:blue; } .fcg{color:green; } .f0{font-size:0; } .f10{font-size:10px; } .f12{font-size:12px; } .f13{font-size:13px; } .f14{font-size:14px; } .f16{font-size:16px; } .f20{font-size:20px; } .f24{font-size:24px; } .vm{vertical-align:middle; } .vtb{vertical-align:text-bottom; } .vt{vertical-align:top; } .vn{vertical-align:-2px; } .vimg{margin-bottom:-3px; } .m0{margin:0; } .ml0{margin-left:0; } .ml5{margin-left:5px; } .ml10{margin-left:10px; } .ml20{margin-left:20px; } .mr0{margin-right:0; } .mr5{margin-right:5px; } .mr10{margin-right:10px; } .mr20{margin-right:20px; } .mt5{margin-top:5px; } .mt10{margin-top:10px; } .mt20{margin-top:20px; } .mb5{margin-bottom:5px; } .mb10{margin-bottom:10px; } .mb20{margin-bottom:20px; } .ml-1{margin-left:-1px; } .mt-1{margin-top:-1px; } .p1{padding:1px; } .pl5{padding-left:5px; } .p5{padding:5px; } .pt5{padding-top:5px; } .pr5{padding-right:5px; } .pb5{padding-bottom:5px; }
.p10{padding:10px; } .pl10{padding-left:10px; } .pt10{padding-top:10px; } .pr10{padding-right:10px; } .pb10{padding-bottom:10px; } .p20{padding:20px; } .pl20{padding-left:20px; } .pt20{padding-top:20px; } .pr20{padding-right:20px; } .pb20{padding-bottom:20px; } .rel,.pr{position:relative; } .abs,.pa{position:absolute; } .dn{display:none; } .db{display:block; } .dib{-moz-inline-stack:inline-block; display:inline-block; } .di{display:inline; } .ovh{overflow:hidden; } .ovs{overflow:scroll; } .vh{visibility:hidden; } .vv{visibility:visible; } .lh14{line-height:14px; } .lh16{line-height:16px; } .lh18{line-height:18px; } .lh20{line-height:20px; } .lh22{line-height:22px; } .lh24{line-height:24px;} .fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .z{_zoom:1; } .h1{height:1px; } .h5{height:5px; } .h10,.h{height:10px; } .h15{height:15px; } .h20{height:20px; }
.h1,.h5,.h10,.h15,.h20,.h25,.h,.h30,.h35,.h40,.h45,.h50,.h55,.h60{font-size:0px; line-height:0; overflow:hidden; clear:both;visibility: hidden; } a{text-decoration:none; } a:hover{color:#0046a6 }
.h25{height: 25px;}.h30{height: 30px;} .h40{height: 40px;} .h45{height: 45px;} .h50{height: 50px;} .h55{height: 55px;} .h60{height: 60px;}
.slick-slider *,
.slick-slider{
    outline: none;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
button::-moz-focus-inner {
  border: 0;
}
:focus, :active {
    outline: 0;
    border: 0;
}
a{
    color: #333;
    -webkit-transition:color .3s,opacity .3s;
    transition:color .3s,opacity .3s;
}
a:hover{
    color: #0046a6;
}
textarea { overflow: auto; }

a, a:visited, a:focus, a:active, a:hover{
    outline:0 none !important;
}
u{text-decoration: none;}
img{
    max-width: 100%;
    height: auto;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  -webkit-appearance: none;
}
select,
input,
textarea{
    outline: none;
}

h1,h2,h3,h3,h4,h5,h6{font-weight: normal;}
.fix:before,
.fix:after{
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

@font-face {
 font-family: 'fontnameRegular';
 src: url('fontname.eot');
 src: local('fontname Regular'),
        local('fontname'),
        url('fontname.woff') format('woff'),
        url('fontname.ttf') format('truetype'),
        url('fontname.svg#fontname') format('svg');
} 


.fix:after{
  clear: both;
}

.fix{
  zoom: 1;
}

.hide-tab{
	height: 0;
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;
}
#map img{
	max-width: 999999999px;
}
.BMapLabel{
	display: none !important;
}
body{
    -webkit-text-size-adjust: 100%;
    font-family:"微软雅黑","Microsoft Yahei";
    color: #333;
    font-size: 14px;
    overflow-x: hidden;
    background: #f5f5f5;
}

.wp{
    /*width: 100%;*/
    /*padding: 0 8.3%;*/
    max-width: 1620px;
    width: 94%;
    margin: 0 auto;
}



/*手机头部*/
.m-bar{
    height: 60px;
    background-color: #0046a6;
}
.logo-m{
    width: 75%;
    display: inline-block;
    float: left;
    margin-left: 10px;
    height: 60px;
    line-height: 60px;
}
.logo-m img{
    /*height: 40px;*/
    display: inline-block;
    z-index: 60;
    vertical-align: middle;
    width: 173px;
}
.m-hd{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000000;
    -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
    box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
}
.m-nav{
    clear: both;
    position: absolute;
    top: 60px;
    left: 0;width: 100%;
   -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
   box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
   max-height: 0;
   overflow: hidden;
   -webkit-transition: all 300ms ease;
   transition: all 300ms ease;
}


.m-nav a{
    display: block;
    width: 100%;
    line-height: 40px;
    text-align: left;
    border-top: 1px solid #e0e0e0;
    font-size: 15px;
    background-color: #fff;
    padding: 0 20px;
    color: #333;
}

.m-trigger{
    height: 60px;
    cursor: pointer;
    width: 60px;
    float: right;
    background: url(../images/menu.png) no-repeat center center;
    -webkit-background-size: 25px;
    -moz-background-size: 25px;
    -o-background-size: 25px;
    background-size: 25px;
}
.m-sub{
	max-height: 0;
	overflow: hidden;

}
.m-sub.on,
.m-nav.on{
	-webkit-transition: all .6s linear;
	transition: all .6s linear;
	max-height: 999px;
}

.m-sub a{font-size: 14px;padding: 0 30px;background-color: #F1F1F1;border-top-color: #efefef;}

.m-show{display: none;}



#nav-toggle { position: absolute; right: 14px; top: 18px; color: #fff;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7); 
	-ms-transform: scale(0.7); 
	-o-transform: scale(0.7); 
	transform: scale(0.7);
	transform-origin: 50% 50%;
 }
#nav-toggle { cursor: pointer; padding: 10px 35px 16px 0px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; height: 5px; width: 35px; background: #fff; position: absolute; display: block; content: ''; }
#nav-toggle span:before { top: -10px; }
#nav-toggle span:after { bottom: -10px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; }
#nav-toggle.active span { background-color: transparent; }
#nav-toggle.active span:before, #nav-toggle.active span:after { top: 0; }
#nav-toggle.active span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
#nav-toggle.active span:after { transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); top: 10px; }




.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-slider,.slick-slider{outline:0}


/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}


#hd{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 80px;
	z-index: 333;
	background: #2953a1;
}
#hd.black{
	/*background: rgba(0,0,0,.6);*/
	background: #2953a1;
}
#hd .logo{
	padding-top: 20px;
}
#hd .hdr{
	float: right;
	width: calc(100% - 160px);
}
#hd .logo{
	float: left;
}
#hd .so{
	float: right;
	position: relative;
	width: 180px;
	height: 80px;
}
#hd .so span{
	float: right;
	display: block;
	width: 40px;
	height: 80px;
	background: url(../images/so_btn.png) center center no-repeat;
	cursor: pointer;
}
#hd .soForm{
	margin-top: 24px;
	/*display: none;*/
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 34px;
	overflow: hidden;
	-webkit-transition:.3s width ease-in-out;
	transition:.3s width ease-in-out;
}
#hd .soForm form{
	position: relative;
	overflow: hidden;
	transition: width 0.3s ease-in-out;
}
#hd .soForm .wp{
	padding: 0;
	width:auto;
	height: 34px;
	border-radius: 25px;
	border: 1px solid #fff;
	-webkit-transition:.3s width ease-in-out;
	transition:.3s width ease-in-out;
}
#hd .soForm .inp{
	width: 100%;
	height: 32px;
	padding: 0 10px;
	float: left;
	background: transparent;
	border: 0;
	font-size: 14px;
	width: 133px;
	color: #fff;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
   -webkit-text-fill-color: #808080;
   transition: background-color 1000s ease-out 0.5s;
 }
::-webkit-input-placeholder {
   font-family:"微软雅黑","Microsoft Yahei";
   color: rgba(255,255,255,.5);
}

::-moz-placeholder { 
   font-family:"微软雅黑","Microsoft Yahei";  
   color: rgba(255,255,255,.5);
}

::-ms-input-placeholder {  
   font-family:"微软雅黑","Microsoft Yahei"; 
   color: rgba(255,255,255,.5); 
}
#hd .soForm .sub{
	background: url(../images/so_btn.png) center center no-repeat;
	width: 40px;
	border: 0;
	cursor: pointer;
	height: 30px;
	float: right;
}
#hd #nav{
	float: right;
	margin-right: 4%;
}
#hd #nav li{
	float: left;
	padding: 0 30px;
}
#hd #nav li > a{
	line-height: 80px;
	color: #fff;
	font-size: 16px;
	position: relative;
	display: block;
}
#hd #nav li > a:hover:after,
#hd #nav li.hover > a:after{
	content: '';
	position: absolute;
	left: 50%;
	top: 38px;
	width: 30px;
	height: 2px;
	background: #075cd0;
	margin-left: -15px;
	display: none;
}
#hd #nav li .pullSub{
	position: fixed;
	left: 0;
	top: 80px;
	width: 100%;
	z-index: 10;
	padding: 0 8.3%;
	/*-webkit-transition: .3s;
	transition: .3s;*/
	display: none;
}
#hd #nav li .pullSub .wp{
	background-color: rgba(255,255,255,.95);
	padding: 40px 5.6%;
	border-radius: 0 0 25px 25px;
	overflow: hidden;
}
#hd #nav li .pullSub .pic{
	float: right;
	width: 31.25%;
	margin-left: 6.25%;
}
#hd #nav li .pullSub .ovh{
	/*display: flex;
	justify-content: space-around;*/
}
#hd #nav li .pullSub a{
	display: block;
	float: left;
	font-size: 16px;
	line-height: 55px;
	/*background: url(../images/arrow.png) left bottom no-repeat;*/
	width: 30%;
	position: relative;
	padding-left: 16px;
}
#hd #nav li .pullSub a:before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background: #000000;
	margin-top: -1.5px;
}
#hd #nav li .pullSub .txt{
	font-size: 16px;
	line-height: 30px;
	padding-right: 8%;
}
#hd #nav li .pullSub h3{
	font-size: 24px;
	font-weight: bold;
	color: #2953a1;
	padding-bottom: 10px;
	border-bottom: 2px solid #dee0e1;
	margin-bottom: 40px;
}
#hd #nav li dl a:hover{
	font-weight: bold;
}
#hd #nav li.ok dl{
	display: block;
}




#fd{
	background: #0046a6;
	overflow: hidden;
	padding-top: 3%;
}
.fd-top dl{
	float: left;
	margin-right: 7.5%;
}
.fd-top dt,
.fd-top dt a{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
.fd-top dd a{
	display: block;
	font-size: 14px;
	line-height: 32px;
	color: #fff;
}
.fd-nav{
	/*float: left;*/
}
.fdr{
	float: right;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
}
.fdr .tel{
	margin-bottom: 35px;
}
.fdr .ewm dl{
	float: right;
	text-align: center;
	margin-right: 0;
	margin-left: 30px;
	width: 130px;
}
.fdr .ewm dl:nth-child(2){
	margin-left: 0;
}
.fdr .ewm dl img{
	width: 100%;
}
.fd-center{
	margin-top: 3.75%;
	padding-bottom: 20px;
	display: none;
}
.fd-center .fd-logo{
	float: left;
}
.fd-center .friendLink{
	float: right;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	position: relative;
}
.friendLink .links{
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 2px;
	background: url(../images/qiu.png) 11px center no-repeat;
	padding-left: 36px;
	height: 40px;
	line-height: 40px;
	width: 263px;
	margin-left: 14px;
}
.nice-select{
	width: 100%;
	padding: 0 10px;
	height: 38px;
	position: relative;
	background: url(../images/a2.png) no-repeat right 10px center;
}
.nice-select input{display: block;width: 100%;height: 38px;line-height: 38px \9;border: 0;outline: 0;background: transparent;color: #fff;font-size: 14px;font-family:"微软雅黑","Microsoft Yahei";}
.nice-select ul{
	width: 263px;
	display: none;
	position: absolute;
	right: -1px;
	top: 38px;
	overflow: hidden;
	background: rgba(0,0,0,.6);
	max-height: 200px;
	overflow-y: auto;
	z-index: 9999;
}
.nice-select ul li{height: 30px;line-height: 30px;overflow: hidden;padding: 0 10px;cursor: pointer;font-weight: normal;}
.nice-select ul li.on{background-color: rgba(0,0,0,.8);}


.fd-bottom{
	display: flex;
	justify-content: space-between;
	color: rgba(255,255,255,.5);
	line-height: 30px;
	padding: 20px 0;
	border-top: 1px solid rgba(255,255,255,.1);
	margin-top: 20px;
}
.fd-bottom a{
	color: rgba(255,255,255,.5);
	font-size: 16px;
}
.fd-bottom em{
	font-size: 14px;
	margin: 0 16px;
}
.right-fixed{
	position: fixed;
	right: 0;
	top: 25%;
	z-index: 10;
}
.right-fixed li{
	position: relative;
}
.right-fixed li a{
	width: 60px;
	height: 60px;
	background: rgba(242,242,242,.7);
	margin-bottom: 1px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	align-items: center;
	display: flex;
}
.right-fixed li a span{
	display: block;
	width: 100%;
}
.right-fixed li a span img{
	width: 26px;
}
.right-fixed li .wechat{
	position: absolute;
	left: -130px;
	top: 0;
	width: 120px;
	height: 120px;
	background: #fff;
	text-align: center;
	line-height: 120px;
	display: none;
}
.right-fixed li .wechat img{
	display: inline-block;
	vertical-align: middle;
}
.right-fixed li .tel{
	height: 80px;
	background: #fff;
	position: absolute;
	left: -130px;
	top: 0;
	line-height: 80px;
	width: 120px;
	text-align: center;
	font-size: 15px;
	display: none;
}
.right-fixed li:hover .tel,
.right-fixed li:hover .wechat{
	display: block;
}



#banner{
	position: relative;
	overflow: hidden;
	margin: auto;
	width: 100vw;
}
#banner .bg{
	height: -moz-calc(100vh - 200px);
	height: -webkit-calc(100vh - 200px);
	height: calc(100vh - 200px);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	overflow: hidden;
	-webkit-transition:.3s;
	transition:.3s;
}
#banner .swiper-slide{
	-webkit-transition:.3s;
	transition:.3s;
}
#banner .swiper-slide:hover .bg{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	-o-transform: scale(1.1); 
	transform: scale(1.1);
	transform-origin: 50% 50%;
}
#banner .txt,
#ban-in .txt{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	color: #fff;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
#banner .swiper-pagination{
	/*left: auto;
	right: 3.4%;
	top: 50%;*/
	bottom: 20px;
	/*width: 20px;*/
	text-align: center;
}
#banner .swiper-pagination-bullet,
.about-slider .slick-dots li{
	width: 20px;
	height: 20px;
	background: transparent;
	border: 1px solid transparent;
	opacity: 1;
	position: relative;
	margin-bottom: 15px;
	border-radius: 100%;
}
#banner .swiper-pagination-bullet:after,
.about-slider .slick-dots li button{
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius: 4px;
	position: absolute;
	left: 5px;
	top: 5px;
	padding: 0;
}
#banner .swiper-pagination-bullet-active,
.about-slider .slick-dots li.slick-active{
	border-color: #0046a6;
}
#banner .swiper-pagination-bullet-active:after,
.about-slider .slick-dots li.slick-active button{
	background: #0046a6;
}
#ban-in{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 560px;
	/*height: -moz-calc(100vh - 272px);
	    height: -webkit-calc(100vh - 272px);
	    height: calc(100vh - 272px);*/
	position: relative;
}
#banner .txt h3,
#ban-in .txt h3{
	font-size: 50px;
}
#banner .txt h4,
#ban-in .txt h4{
	font-size: 18px;
	margin-top: 10px;
}


.index-time{
	padding: 80px 0;
	overflow: hidden;
}
.index-time ul{
	display: flex;
	justify-content: space-around;
	font-size: 18px;
}
.index-time ul li{
	width: 33.33%;
}
.index-time ul li span{
	font-size: 30px;
	color: #0046a6;
	vertical-align: top;
	font-weight: bold;
	display: inline-block;
}
.index-time ul li span em{
	font-size: 60px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	vertical-align: top;
}
.networdBox .index-time ul li span em{
	font-size: 48px;
}
.networdBox .index-time ul li span em.em2{
	font-size:28px;top: 10px;position: relative;font-weight:bold;
}

.networdBox .index-time{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -7%;
}
.networdBox .index-time ul{
	width: 56%;
}
.networdBox .index-time ul li{
	font-size: 14px;
}
.section2{
	display: table;
	width: 100%;
}
.section2 .tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.about-i{
	background: #f7f8fa;	
	/*padding-bottom: 4.2%;*/
}
.about-top{
	padding: 4.4% 0;
	overflow: hidden;
}
.about-top .pic{
	float: right;
	width: 47%;
	margin-left: 5%;
}
.about-top .pic img{
	position: relative;
}
.about-top .txt{
	overflow: hidden;
	padding-top: 6.25%;
	line-height: 30px;
}
.about-top .txt h3{
	font-size: 36px;
	line-height: 36px;
}
.about-top .txt h4{
	font-size: 14px;
	color: #666;
	margin-top: 10px;
}
.about-top .txt h5{
	font-size: 20px;
}
.about-slider .item .s-logo{
	height:80px;
}
.about-top .txt p{
	font-size: 16px;
	max-width: 655px;
	width: 100%;
	margin: 50px 0;
	line-height: 36px;
}
.about-top .txt .more,
.pro-i .tit-i .more{
	display: inline-block;
	line-height: 30px;
	font-size: 16px;
	border-bottom: 2px solid #04287e;
}
.about-slider{
	margin-top: 40px;
	padding: 0 2.2%;
	padding-bottom: 60px;
}
.about-slider .item{
	position: relative;
	padding: 0 40px;
	-webkit-transition:.3s;
	transition:.3s;
	padding-bottom: 20px;
}
.about-slider .item a{
	display: block;
	background: #fff;
	padding: 10px;
	position: relative;
}
.about-slider .item a:hover{
	box-shadow: 1px 12px 12px 0px rgba(0,0,0,0.05);
		-webkit-box-shadow: 1px 12px 12px 0px rgba(0,0,0,0.05);
		-moz-box-shadow: 1px 12px 12px 0px rgba(0,0,0,0.05);
}
.about-slider .item .pic{
	float: left;
	/*width: 180px;*/
	width: 34.6%;
	margin-right: 36px;
	overflow: hidden;
}
.about-slider .item .pic img{
	-webkit-transition:.3s;
	transition:.3s;
	width: 100%;
}
.about-slider .item .txt{
	overflow: hidden;
	font-size: 14px;
	line-height: 24px;
	padding-top: 10px;
	padding-right: 30px;
}
.about-slider .item .txt p{
	/*margin-top: 14.5%;*/
}
.about-slider .item .txt .more{
	position: absolute;
	right: -14px;
	top: 50%;
	margin-top: -25px;
	width: 40px;
	height: 50px;
	background-image: url(../images/arrow_r.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #cccccc;
}
.about-slider .item:hover  .txt .more{
	background-color: #0046a6;
}
.about-slider .item:hover .pic img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	-o-transform: scale(1.1); 
	transform: scale(1.1);
	transform-origin: 50% 50%;
}
.about-slider .slick-dots{
	text-align: center;
	padding-top: 40px;
}
.about-slider .slick-dots li{
	display: inline-block;
	margin: 0 8px;	
	cursor: pointer;
}
.about-slider .slick-dots li button{
	font-size: 0;
	background-color: #999999;
	border: 0;
	cursor: pointer;
}
.tit-i{
	font-size: 18px;
	line-height: 30px;
	padding-top: 5%;
	margin-bottom: 45px;
	color: #666;
	position: relative;
}
.tit-i h3{
	font-size: 36px;
	line-height: 36px;
	margin-bottom: 10px;
	color: #333;
}
.pro-i{
	width: 100vw;
}
.pro-i .tit-i{
	padding: 5% 0;
	margin-bottom: 0;
}
.pro-i .tit-i .more{
	float: right;
}
.pro-i .tit-i h3{
	float: left;
	padding-right: 106px;
	position: relative;
	margin-right: 50px;
	margin-top: 6px;
}
.pro-i .tit-i h3 span{
	display: block;
	color: #afafaf;
	font-size: 24px;
	/*position: absolute;
	left: 0;
	top: -40px;*/
	text-transform: uppercase;
}
.pro-i .tit-i h3:after{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	height: 5px;
	width: 57px;
	background: #2953a1;
}
.pro-i .tit-i p{
	overflow: hidden;
	font-size: 16px;
	line-height: 33px;
}
.pro-i .pic {
	/*height: calc(100vh - 300px);*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	padding: 5.5% 0;
}
.pro-i .pic ul{
	margin: 0 -6px;
	overflow: hidden;
}
.pro-i-slider{
	margin: 0 -40px;
}
.pro-i .pic li,
.pro-i-slider .swiper-slide{
	float: left;
	padding: 23px 40px;
	width: 25% !important;
	-webkit-transition:.3s;
	transition:.3s;
}
.pro-i .pic li a{
	display: block;
}
.pro-i .pic li .pad,
.pro-i-slider a{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: flex;
	width: 100%;
	align-items: center;
	/*height:440px;*/
	padding-top:130%;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	-webkit-transition:.3s;
	transition:.3s;
	position: relative;
}
.pro-i-slider a:after{
	content: '';
	width: 192px;
	height: 193px;
	background: rgba(255,255,255,.2);
	top: -15px;
	position: absolute;
	left: -15px;
	z-index: -1;
}
.pro-i-slider .name{
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 100%;
	padding-left: 30px;
	font-size: 18px;
}
.pro-i .pic li .txt,
.pro-i-m-slider a .txt{
	width: 100%;
	position: relative;
	z-index: 2;
}
.pro-i .pic li .before,
.pro-i-m-slider a .before{
	text-align: center;
	-webkit-transition:.3s;
	transition:.3s;
}
.pro-i .pic li .name,
.pro-i-m-slider a .name{
	font-size: 20px;
	font-weight: bold;
}
.pro-i .pic li.open{
	width: 36.8%;
}
.pro-i .pic li .after{
	-webkit-transition:.3s;
	transition:.3s;
	margin-top: 50px;
	display: none;
}
.pro-i-m-slider a .after{
	-webkit-transition:.3s;
	transition:.3s;
	margin-top: 50px;
	padding: 0 20px;
}
.pro-i .pic li p{
	max-width: 345px;
	width: 100%;
}

.pro-i .pic li .more,
.pro-i-m-slider a .more{
	background: url(../images/more_bg2.png) left bottom no-repeat;
	font-size: 18px;
	color: #fff;
	display: inline-block;
	width: 85px;
	margin-top: 13.4%;
	display: inline-block;
}
.pro-i .pic li.open .pad:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,70,166,.8);
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{
	background-image: url(../images/arr_right.png);
	right: 0;
	margin-top: 0;
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{
	background-image: url(../images/arr_left.png);
	left: 0;
	margin-top: 0;
}
.section{
	width: 100vw;
	padding-top: 80px;
}
.section:first-child{
	padding-top: 0;
}
.i-news{
	position: relative;
}
.i-news .tit-i h3{
    background: url(../images/tit_bg.png) center center no-repeat;
}
.i-service .tit-i h3{
	background: url(../images/tit_bg2.png) center center no-repeat;
}
.news-slider{
	padding-bottom: 80px;
	overflow: hidden;
}
.news-item{
	/*margin-right: 3.4%;*/
	padding: 0 1.7%;
	width: 33.33%;
	overflow: hidden;
}
.news-item .pad{
	background: #f7f8fa;
	
}
.news-item .pic {
	overflow: hidden;
	-webkit-transition:.3s;
	transition:.3s;
	position: relative;
}
.news-item .pic .time{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 74px;
	height: 74px;
	background: rgba(0,70,166,.8);
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	padding-top: 15px;
}
.news-item .pic .time b{
	display: block;
	font-size: 30px;
}
.news-item .pic a{
	display: block;
	height: 280px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	overflow: hidden;
	-webkit-transition:.3s;
	transition:.3s;
}
.news-item .txt{
	padding: 40px 28px;
	font-size: 16px;
	line-height: 30px;
	color: #666;
}
.news-item .txt h3{
	font-size: 20px;
	line-height: 36px;
	margin-bottom: 25px;
	font-weight: bold;
}
.news-slider .swiper-button-next, 
.news-slider .swiper-button-prev,
.about-slider .slick-arrow{
	position: absolute;
	top: auto;
	/*bottom: 6.6%;*/
	bottom: 20px;
	width: 40px;
	height: 40px;
	border-radius: 100%; 
	background-size: 18px;
	border: 1px solid #999999;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 2;
}
.about-slider .slick-arrow{
	font-size: 0;
	bottom: -40px;
	cursor: pointer;
}
.news-slider .swiper-button-prev,
.about-slider .slick-prev{
	background-image: url(../images/prev.png);
	left: 48%;
}
.news-slider .swiper-button-next,
.about-slider .slick-next{
	background-image: url(../images/next.png);
	left: 52%;
}
.about-slider .slick-next{
	left: 52.2%;
}
.news-slider .swiper-button-prev:hover,
.about-slider .slick-prev:hover{
	background-image: url(../images/prev_w.png);
	background-color: #0046a6;
}
.news-slider .swiper-button-next:hover,
.about-slider .slick-next:hover{
	background-image: url(../images/next_w.png);
	background-color: #0046a6;
}
.news-item:hover .pic a{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	-o-transform: scale(1.1); 
	transform: scale(1.1);
	transform-origin: 50% 50%;
}
.news-item:hover .txt h3 a{
	color: #0046a6;
}
.i-service{
	background-position: center bottom;
	background-repeat: no-repeat;
	overflow: hidden;
	background-color: #eeeff1;
	padding-bottom: 5%;
}
.link a{
	display: inline-block;
	height: 50px;
	line-height: 50px;
	max-width: 250px;
	width: 100%;
	background: url(../images/more_bg3.png) right 24px center no-repeat #fff;
	padding-left: 30px;
	font-size: 16px;
	border-radius: 30px; 
	margin: 0 2.1%;
	text-align: left;
	margin-bottom: 45px;
}
.link a img{
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 20px;
}
.ul-link li{
	float: left;
	width: 33.33%;
	padding: 0 3.8%;
}
.ul-link li a{
	background: #fff;
	-box-shadow: -1px 10px 20px 3px rgb(0 0 0 / 16%);
    -webkit-box-shadow: -1px 10px 20px 3px rgb(0 0 0 / 16%);
    -moz-box-shadow: -1px 10px 20px 3px rgba(0,0,0,0.16);
	height: 130px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 16px;
	color: #707070;
	padding: 0 30px;
}
.ul-link li a h3{
	font-size: 20px;
	font-weight: bold;
	color: #494949;
	margin-bottom: 10px;
}
.ul-link li .s-logo{
	text-align: right;
}
.ul-link{
}



.type-cur{
	/*height: 80px;*/
	box-shadow: 1px 12px 21px 0px rgba(0,0,0,0.05);
	-webkit-box-shadow: 1px 12px 21px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 1px 12px 21px 0px rgba(0,0,0,0.05);
	background: #fff;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.cur{
	background: url(../images/ico_home.png) left center no-repeat;
	font-size: 16px;
	line-height: 80px;
	padding-left: 28px;
	color: #999;
	float: left;
}
.cur a{
	color: #999;
}
.cur a:last-child{
	color: #0046a6;
}
.type-name{
	float: right;
}
.type-name a{
	line-height: 80px;
	padding: 0 35px;
	font-size: 16px;
	display: inline-block;
}
.type-name a.on{
	background: #0046a6;
	color: #fff;
}
.about-in .pic{
	float: right;
	width: 47%;
	margin-left: 5%;
	padding-top: 4.4%;
}
.index-time-in{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	color: #fff;
}
.index-time-in ul li span,
.index-time-in ul li span em{
	color: #fff;
}
.ul-he li{
	float: left;
	width: 25%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	padding-top: 25%;
	position: relative;
	overflow: hidden;
}
.ul-he li .txt{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.hexin .txt{
	color: #fff;
	width: 27.5%;
	height: 270px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	text-align: left;
	padding-left: 5%;
	font-size: 30px;
	line-height: 2;
	padding-top: 30px;
}
.hexin img{
	width: 64%;
}
.hexin .txt h3{
	font-weight: bold;
	font-size: 36px;
}
.hexin .txt p{
	position: relative;
	padding-left: 20px;
}
.hexin .txt p:before{
	content: '';
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius: 4px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
}
.historyBox{
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	/*padding: 0 8.3%;*/
	margin-left: -30px;
}
.historyBox:before{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 1px;
	height: 18%;
	background: #f2f3f5;
	z-index: 1;
	display: none;
}
.historyBox .history-item:after{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	background: #939497;
	display: none;
}
.historyBox .history-item{
	float: left;
	position: relative;
	width:330px;
	z-index: 3;
	padding-top:45px;
}
.history-item:first-child,
.history-item:nth-child(2n){
	/*margin-top: 14.3%;*/
	/*margin-top: 159px;*/
}
.history-item:nth-child(2n){
	margin-top: 88px;
}
.history-item:nth-child(2n+1){
	padding-bottom: 30px;
	padding-top: 0;
	position: relative;
	top: -10px;
}
.history-item .ico{
	padding-left: 30px;
	position: relative;
}
.history-item .ico:after{
	content: '';
	position: absolute;
	width: 290px;
	left: 80px;
	height: 2px;
	background: #939497;
	top: 50%;
}
.history-item:nth-child(2n) .ico{
	margin-bottom: 20px;
}
.history-item:before{
	content: '';
	position: absolute;
	background: url(../images/icon7.png) no-repeat;
	width: 32px;
	height: 30px;
	left: 20px;
	top: 0;
	margin: 012px;
	display: none;
}
.history-item:nth-child(2n):before{
}
.history-item .year{
	font-size: 30px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 30px;
}
.history-item:nth-child(2n+1):before{
	bottom: -16px;
	top: auto;
}
.history-item:nth-child(2n+1) .year{
	margin-top: 10px;
	margin-bottom: 0;
}
.history-item:nth-child(2n+1) .ico{
	margin-top: 20px;
}
.history-item .con{
	width: 100%;
	/*background: #fff;*/
	border-radius: 5px;
	position: relative;
	line-height: 30px;
	height: 100px;
	font-size: 15px;
	padding-top: 28px;
	padding-left: 30px;
	margin-top: -20px;
}
.history-item:hover .year{
	color: #2c4d9b;
}
.history-item:hover .con{
	background: url(../images/con_bg.png) no-repeat left top;
	/*background: rgba(255,255,255,.8);*/
}
.history-item .month{
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	background: #0046a6;
	padding: 0 10px;
	display: inline-block;
	margin-bottom: 40px;
}
.history{
	margin-top: 5%;
	padding-bottom: 5%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}



.zuzhi{
	padding: 5% 0;
}
.wuliu{
	/*background: #f7f8fa;*/
	background: #f5f5f5;
	padding-top: 3%;
	padding-bottom: 8%;
}
#cont{
	margin-top: 4.7%;
	margin-bottom: 5%;
}
.service-cont.contactBox{
	padding: 45px 0;
}
.left-snv{
	width: 340px;
	float: left;
	margin-right: 30px;
	background: #fff;
}
.right-con{
	overflow: hidden;
	background: #fff;
	padding: 50px 5%;
}
.left-snv h3{
	height: 70px;
	line-height: 70px;
	background: #0055a6;
	color: #fff;
	padding-left: 25px;
	font-size: 26px;
}
.left-snv h3 span{
	font-size: 14px;
	opacity: .8;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	margin-left: 5px;
}
.ul-snv li a{
	display: block;
	line-height: 70px;
	border-bottom: 1px solid #e6e6e6;
	padding-left: 25px;
	background: url(../images/arrow-right.png) right 30px center no-repeat;
}
.ul-snv li.on a,
.ul-snv li a:hover{
	background-image: url(../images/arrow-right-b.png);
	color: #0055a6;
}
.right-con h2{
	text-align: center;
	font-size: 21px;
	line-height: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e6e6e6;
}
.right-con .time{
	color: #999;
	padding: 20px 0;
	line-height: 30px;
	font-size: 12px;
}
.article{
	line-height: 26px;
}
.page-in{
	display: flex;
	justify-content: space-between;
	padding: 29px 0;
	line-height: 26px;
	border-top: 1px solid #e6e6e6;
	margin-top: 5%;
}
.page-in a{
	color: #999;
}
#allmap{
	width: 100%;
	height: 435px;
	margin-top: 30px;
	margin-bottom: 50px;
}
.contactBox{
	background: #fff;
	padding: 45px 3.2%;
}
.contact-tit{
	font-size: 26px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 36px;
}
.contact-tit span{
	font-size: 14px;
	color: #999;
	margin-left: 5px;
}
.contactBox h5{
	/*background: url(../images/address.png) left center no-repeat;*/
	color: #0055a6;
	line-height: 24px;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
}
.address-con{
	line-height: 30px;
	font-size: 16px;
	line-height: 2;
}
.address-con span{
	width: 33.33%;
	float: left;
}
.ul-address{
	margin: 0 -10px;
	margin-top: 30px;
	overflow: hidden;
	margin-bottom: 8%;
	border: 1px rgba(0, 0, 0, 0.1) solid;
	border-bottom: 0;
}
.ul-address li{
	/*float: left;
	width: 25%;
	margin-bottom: 15px;*/
	position: relative;
	z-index: 2;
	overflow: hidden;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}
.ul-address li .pad{
	position: relative;
	
}
.ul-address li:nth-child(2n+1){
	background-color: #f2f2f2;
}
.ul-address li:first-child{
	height: 100px;
    background-color: #0046a6;
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    border-bottom: none;
}
.ul-address li:first-child .name,
.ul-address li:first-child h4,
.ul-address li:first-child .txt{
	line-height: 90px;
	color: #fff;
	font-size: 21px;
	padding-top: 0;
}
.ul-address li .name{
	float: left;
	width: 50%;
	font-size: 14px;
	padding: 10px 0;
	padding-left: 50px;
}
.ul-address li h4{
	height: 48px;
	line-height: 48px;
	font-size: 21px;
	cursor: pointer;
}
.ul-address li h4 span{
	float: right;
	font-size: 18px;
	color: #999;
	display: none;
}
.ul-address li .txt{
	padding: 20px;
	padding-left: 50px;
	line-height: 24px;
	font-size: 15px;
	color: #000;
	overflow: hidden;
	border-left: 1px rgba(0, 0, 0, 0.1) solid;
}
/*.ul-address li.ok .txt{
	display: block;
}
.ul-address li.ok{
	z-index: 5;
}
.ul-address li.ok h4{
	color: #fff;
	background: #006fd8;
	font-weight: bold;
}
.ul-address li.ok h4 span{
	color: #fff;
	font-weight: normal;
}*/


.networdBox{
	overflow: hidden;
	padding-top: 8.4%;
}
.networdBox .pic{
	float: right;
	width: 50%;
	margin-left: 5%;
}
.networdBox .txt{
	overflow: hidden;
	font-size: 16px;
	line-height: 2;
	padding-top: 2%;
}
.networdBox .txt h3{
	font-size: 24px;
}
.networdBox .txt dl{
	margin-top: 50px;
}
.networdBox .txt dt{
	font-size: 24px;
	font-weight: bold;
}
.networdBox .txt dd{
	/*width: 58%;*/
}
.newsListBox{
	background: #fff;
	margin-top: 70px;
	padding: 3.8% 30px;
}
.ul-newsList li{
	overflow: hidden;
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.ul-newsList li .pic{
	float: left;
	width: 175px;
	margin-right: 26px;
}
.ul-newsList li .pic a{
	display: block;
	height: 100px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.ul-newsList li .txt{
	overflow: hidden;
	padding-left: 40px;
	position: relative;
	line-height: 1.2;
	display: flex;
	justify-content: space-between;
}
.ul-newsList li .txt h3{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	position: relative;
}
.ul-newsList li .txt h3:before{
	content: '';
	position: absolute;
	left: -40px;
	top: 10px;
	width: 30px;
	height: 2px;
	background: #b7b7b7;
}
.ul-newsList li .time{
	min-width:60px;
	text-align: center;
}
.ul-newsList li .time b{
	display: block;
	font-size: 16px;
	margin-bottom: 40px;
}
.ul-newsList li .more{
	font-size: 12px;
	color: #999;
	border-bottom: 1px solid #999;
	padding-bottom: 10px;
	text-transform: uppercase;
	display: inline-block;
}
.ul-newsList li p{
	line-height: 24px;
}
.pages{
	margin-top: 10px;
	text-align: center;
}
.pages li{
	display: inline-block;
	margin: 0 3px;
}
.pages li a{
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	border: 1px solid #D4D4D4;
	display: block;
}
.pages li.page-on a,
.pages li a:hover{
	background: #0055A6;
	color: #fff;
	border: 1px solid #D4D4D4;
}

.right-cont{
	overflow: hidden;
}
.ul-product{
	margin: 0 -15px;
	overflow: hidden;
}
.ul-product li{
	float: left;
	width: 33.33%;
	padding: 0 15px;
	margin-bottom: 30px;
}
.ul-product li a{
	display: block;
	width: 100%;
	border-bottom: 1px solid #D4D4D4;
}
.ul-product li a span{
	display: block;
	background: #fff;
	text-align: center;
	/*height: 300px;*/
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
	overflow: hidden;
}
.ul-product li a img{
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-product li p{
	height: 48px;
	line-height: 48px;
	background: url(../images/arr_r1.png) right 15px center no-repeat;
	padding-left: 15px;
}
.ul-product li a:hover p{
	background: url(../images/arr_r.png) right 15px center no-repeat #006FD8;
	color: #fff;
}
.ul-product li a:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	-o-transform: scale(1.1); 
	transform: scale(1.1);
	transform-origin: 50% 50%;
}
.left-so{
	background: #8F8F8F;
	height: 86px;
	padding: 25px;	
}
.left-so form{
	border-bottom: 1px solid #b2b2b2;
	color: #b1b1b1;
}
.left-so .inp{
	border: 0;
	background: transparent;
	color: #fff;
	font-family:"微软雅黑","Microsoft Yahei";
	font-size: 12px;
	height: 24px;
}
.left-so .sub{
	float: right;
	background: url(../images/so.png) left center no-repeat;
	padding-left: 	14px;
	border: 0;
   color: #b1b1b1;
}
.left-so .inp::-webkit-input-placeholder {
   font-family:"微软雅黑","Microsoft Yahei";
   color: #b1b1b1;
}

.left-so .inp::-moz-placeholder { 
   font-family:"微软雅黑","Microsoft Yahei";  
   color: #b1b1b1;
}

.left-so .inp::-ms-input-placeholder {  
   font-family:"微软雅黑","Microsoft Yahei";
   color: #b1b1b1;  
}
.pro-imgtxt{
	overflow: hidden;
	padding-bottom: 20px;
}
.pro-imgtxt .pic{
	float: left;
	width: 39%;
	border: 1px solid #D4D4D4;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 4%;
	height: 350px;
}
.pro-imgtxt .txt{
	overflow: hidden;
	line-height: 26px;
}
.pro-imgtxt .txt h1{
	font-size: 24px;
	padding: 20px 0;
}
.pro-imgtxt .txt .btn{
	width: 126px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	background: #006FD8;
	color: #fff;
	display: inline-block;
	margin-top: 50px;
	margin-bottom: 20px;
}
.pro-imgtxt .txt dl{
	float: left;
	width: 50%;
	position: relative;
}
.pro-imgtxt .txt dl:after{
	content: '';
	position: absolute;
	right: 0;
	top: 5px;
	width: 1px;
	height: 48px;
	background: #D4D4D4;
}
.pro-imgtxt .txt dl:last-child:after{
	display: none;
}
.pro-imgtxt .txt dl:last-child{
	padding-left: 5%;
}
.pro-imgtxt .txt dt{
	color: #888;
}
.pro-imgtxt .txt dd b{
	font-size: 24px;
}
.pro-tit{
	border-bottom: 1px solid #d4d4d4;
	height: 42px;
	margin-bottom: 30px;
}
.pro-tit span{
	width: 131px;
	line-height: 42px;
	display: inline-block;
	background: #006FD8;
	color: #fff;
	text-align: center;
	
}
.pro-con dl{
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 30px;
}
.pro-con dt{
	font-weight: bold;
}
.pro-i,.i-news{
	background: #fff;	
}
.i-news{}


.ul-person{
	margin: 5% -3%;
	overflow: hidden;
}
.ul-person li{
	float: left;
	width: 33.33%;
	padding: 0 3%;
}
.ul-person li h3{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 35px;
	padding-top: 25px;
}
.ul-person li .pic{
	height: 282px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.ul-person li .txt{
	background: #fff;
	min-height: 150px;
	text-align: center;
	/*font-size: 18px;*/
	line-height: 32px;
	padding-top: 25px;
}
.tit-person{
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
	padding-bottom: 25px;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 40px;
}
.ul-person2{
	margin: 0 -3%;
	overflow: hidden;
	padding-bottom: 6.3%;
}
.ul-person2 li{
	float: left;
	width: 33.333%;
	padding: 0 3%;
}
.ul-person2 li .pad{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	height: 132px;
	padding: 0 38px;
	/*font-size: 18px;*/
	line-height: 30px;
	box-shadow: -1px 10px 20px 3px rgba(0,0,0,0.16);
	-webkit-box-shadow: -1px 10px 20px 3px rgba(0,0,0,0.16);
	-moz-box-shadow: -1px 10px 20px 3px rgba(0,0,0,0.16);
	border-radius: 5px;
}
.ul-person2 li h3{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 5px;
}



.support-wrap{background: #f6f6f6;padding: 50px 0;overflow: hidden;}
.support-wrap .title{font-size: 22px;color: #333;text-align: center;}
.support-wrap .title2{font-size: 14px;color: #666;margin-top: 15px;text-align: center;}
.support-wrap .support-row{margin-top: 50px;}
.support-wrap .support-row .item{display: block;width: 49%;margin-right: 2%;background: #fff;min-height: 250px;margin-bottom: 2%;float: left;-webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;}
.support-wrap .support-row .item:nth-child(2),.support-wrap .support-row .item:nth-child(4){margin-right: 0;}
.support-wrap .support-row .item:nth-child(1),.support-wrap .support-row .item:nth-child(2){ float: left;}
.support-wrap .support-row .item img{max-width: 100%;height: auto;padding-top: 40px;}
.support-wrap .support-row .item .img{margin: 0 auto;text-align: center;}
.support-wrap .support-row .item .img .img2{display: none;}
.support-wrap .support-row .item .title{color: #000;text-align: center;margin-top: 15px;}
.support-wrap .support-row .item .brief{color: #666;font-size: 12px;margin-top: 25px;text-align: center;line-height: 25px;padding: 0 3%;}
.support-wrap .support-row .item .img,.support-wrap .support-row .item .img{float: left;width: 20%;margin-left: 10%;}
.support-wrap .support-row .item .font,.support-wrap .support-row .item .font{float: left;width: 55%;margin-right: 10%;margin-left: 5%;}
.support-wrap .support-row .item:hover{box-shadow: 0 0 50px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 50px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 50px rgba(0,0,0,0.1);}
.support-wrap .support-row .item:hover .img1{display: none;}
.support-wrap .support-row .item:hover .img2{display: block;}
.support-wrap .support-row .item:hover .title{color: #0046a6;}
.support-wrap .support-row .item .title,.support-wrap .support-row .item .title{margin-top: 80px;text-align: left;}
.support-wrap .support-row .item .brief,.support-wrap .support-row .item .brief{text-align: left;padding: 0;}
.support-wrap .support-row .item .img,.support-wrap .support-row .item .img{margin-top: 30px;}



.download-wrap{padding: 50px 0;background: #f6f6f6;}
.download-wrap .list .software{border: solid 1px #fff;background: #fff;height: 116px;overflow: hidden;}
.download-wrap .list .software:hover{border: solid 1px #fff;box-shadow: 0 0 20px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.products-software #nav{text-align: center;}
.products-software #nav .cate-row .category{display: inline-block;padding: 8px 20px;border: solid 1px #ccc;font-size: 14px;color: #333;border-radius: 30px;margin-left: 10px;}
.products-software #nav .cate-row .category:first-child{margin-left: 0;}
.products-software #nav .cate-row .category.on,.products-software #nav .cate-row .category:hover{border: solid 1px #0046a6;background: #0046a6 !important;color: #fff;}
.products-software{}
.products-software .list{margin: 50px 0;overflow: hidden;}
.products-software .list .software{width: 48%;border: solid 1px #ececec;padding: 30px;margin-bottom: 20px;display: block;}
.products-software .list .software img{max-width: 100%;height: auto;}
.products-software .list .software .left{width: 65%;}
.products-software .list .software .right{width: 25%;}
.products-software .list .software .left .title{display: block;font-size: 14px;color: #333;}
.products-software .list .software .left .ver{font-size: 12px;color: #999;margin-top: 5px;}
.products-software .list .software .right .date{font-size: 12px;color: #999;margin-right: 20px;margin-top: 5px;}
.products-software .list .software .right .download{}
.products-software .list .software .right .img2{display: none;}
.products-software .list .software .right .dec{display: inline-block;font-size: 13px;margin-top: 10px;cursor: pointer;}
.products-software .list .software .right .dec:hover{color: #0046a6;}
.products-software .list .software .right .dechidden{display: none;}
/*.products-software .list .software:hover{border: solid 1px #0046a6;}*/
.products-software .list .software:hover .title{color: #0046a6;}
.products-software .list .software:hover .right .img1{display: none;}
.products-software .list .software:hover .right .img2{display: block;}

/*固件软件版本说明弹框*/
#message.download{overflow: hidden;}
#message.download .wrap{height: 80%;overflow: hidden;}
#message.download .brief{text-align: left;display: block !important;height: calc(100% - 210px);overflow-y: scroll;}

.sou-tit{
	background: #fff;
	padding: 30px;
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 28px;
	padding-right: 5%;
}
.sou-tit h3{
	font-size: 26px;
	font-weight: bold;
	color: #0055a6;
	margin-bottom: 20px;
}

.m-show{
	display: none;
}
.pro-i-m-slider a{
	display: block;
	height: 390px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: flex;
    width: 100%;
    align-items: center;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    -webkit-transition: .3s;
    transition: .3s;
    position: relative;
}
.pro-i-m-slider a .txt{
	
}
.pro-i-m-slider .swiper-button-next,.pro-i-m-slider .swiper-button-prev{
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7); 
	-ms-transform: scale(0.7); 
	-o-transform: scale(0.7); 
	transform: scale(0.7);
	transform-origin: 50% 50%;
}

#fd-m{
	background: #0046a6;
	overflow: hidden;
	padding: 0 6%;
	padding-top: 8%;
	position: relative;
}
.fd-contact{
	color: #fff;
	font-size: 14px;
	line-height: 30px;
}
.fd-contact dt{
	font-size: 18px;
	margin-bottom: 10px;
}
.fd-contact dd{
	color: rgba(255,255,255,.5);
}
#fd-m .fd-logo{
	margin-top: 30px;
}
#fd-m  .ewm{
	position: absolute;
	right: 20px;
	top: 160px;
	text-align: center;
	color: rgba(255,255,255,.5);
	font-size: 12px;
}
#fd-m  .ewm img{
	width: 80px;
	border-radius: 8px;
	padding: 5px;
	background: #fff;
}


.downBox{
	background: #fafafa;
	margin-top: 5.6%;
	padding-top: 3.8%;
}
.downBox h2{
	text-align: center;
	font-size: 24px;
	margin-bottom: 20px;
}
.downBox form{
	max-width: 918px;
	width: 100%;
	margin: 0 auto;
	height: 60px;
	background: #f5f5f5;
	border: 1px solid #e5e5e5;
	margin-bottom: 20px;
	border-radius: 5px;
	position: relative;
}
.downBox form .inp{
	width: 100%;
	height: 58px;
	border: 0;
	padding: 0 10px;
	background: transparent;
}
.downBox form .sub{
	width: 50px;
	height: 58px;
	background: url(../images/so_btn3.png) center center no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	border: 0;
	cursor: pointer;
}
.down-snv{
	text-align: center;
	font-size: 0;
}
.down-snv a{
	display: inline-block;
	height: 32px;
	border: 1px solid #0046a6;
	border-radius: 5px;
	padding: 0 15px;
	color: #0046a6;
	font-size: 14px;
	line-height: 32px;
	margin: 0 5px;
}
.ul-download{
	background: #ffffff;
	padding: 0 18px;
	padding-top: 40px;
	padding-bottom: 14%;
	margin-top: 40px;
	border: 1px solid #e5e5e5;
}
.ul-download li{
	height: 40px;
	border-bottom: 1px solid #d9dde1;
	overflow: hidden;
	line-height: 40px;
	font-size: 14px;
}
.ul-download li:first-child{
	background: #f5f5f5;
}
.ul-download li .check{
	width: 75px;
	float: left;
	text-align: center;
}
.ul-download li .check .checkbox{
	width: 20px;
	height: 20px;
	border: 1px solid #e5e5e5;
	display: inline-block;
	vertical-align: middle;
	/*appearance:none;
	-webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;*/
}
.ul-download li .type{
	width: 26.8%;
	float: left;
}
.ul-download li .name{
	width: 27.5%;
	float: left;
}
.ul-download li .time{
	width: 27.5%;
	float: left;
	
}
.ul-download li .btn{
	overflow: hidden;
}
.ul-download li .btn span{
	background: url(../images/down_btn.png) left center no-repeat;
	width: 40px;
	height: 40px;
	display: inline-block;
}
.ul-download li:hover{
	background: #f2f6fa;
}
.ul-download li:hover  .btn span{
	background-image: url(../images/down_btn2.png);
}
.ul-download li label{
	display: block;
}

#ban-in form{
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	max-width: 59.375rem;
	margin: 0 auto;
	background-color: #fff;
	margin-top: 50px;
}
#ban-in form .inp{
	width: 70%;
	padding: 1.125rem 1.4375rem;
	background-color: #fff;
	font-size: 1.125rem;
	line-height: 1.17;
	border: none;
	color: #000000de;
}
#ban-in form .sub{
    position: absolute;
    align-items: center;
    justify-content: center;
    right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px 10px;
    cursor: pointer;
    background-color: #0055a6;
    border-color: #0055a6;
    color: #fff;
    height: 44px;
    border: 0;
    width: 90px;
    font-size: 16px;
}



.section5{
	padding-top: 0;
}

.newListBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 5%;
}

 .n_left {
    background: #afafaf;
    width: 90px;
    height: 100%;
    text-align: center;
    padding-top: 20px;
}

 .n_left span {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

 .n_left p {
    font-size: 14px;
    color: #fff;
    text-align: center;
}

 .leftBox .n_left span {
    color: #000;
}

 .leftBox .n_left p {
    color: #9d9d9d;
}

 .container {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 0 0;
}

 .newList {
    overflow: hidden;
}

 .newPicBox {
    position: relative;
    overflow: hidden;
}

 .newPic {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%,-50%);
    transition: all .5s ease;
}

 .newTitle {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #3e3a39;
    font-weight: bold !important;
    font-size: 1rem;
    margin-bottom: 12px;
    display: block;
    transition: all .5s ease;
}

 .newDetailLink {
    display: block;
    width: 100%;
    height: 100%;
}

 .leftBox .content {
    position: relative;
    width: 100%;
    padding: 13px;
    transition: all .5s ease;
    display: flex;
    background: #f4f4f4;
    height: 100px;
}

 .contentL .n_right {
    width: calc(100% - 90px);
    padding-top: 12px;
}

 .contentL .n_left {
    background: transparent;
    padding-top: 10px;
}

 .newMs {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #979797;
    max-height: 41px;
}

 .leftBox .newMs {
    margin-bottom: 5px;
}

 .rightBox .newList {
    width: 100%;
    height: 25%;
    padding: 15px;
}

 .rightBox .newDetailLink {
    display: flex;
    flex-wrap: nowrap;
}

 .rightBox .newPicBox {
    width: 140px;
    height: 100%;
    overflow: hidden;
}

 .rightBox .content {
    width: calc((100% - 90px) / 1);
    height: 100%;
    padding-left: 18px;
    overflow: hidden;
    padding-top: 12px;
    transition: all .5s ease;
}

@media only screen and (min-width: 769px) {
     .container {
        display:flex;
        flex-wrap: nowrap;
        height: 500px;
    }

     .leftBox .newList {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

     .leftBox .newPicBox {
        width: 100%;
        height: calc(100% - 100px);
    }

     .leftBox {
        width: 48%;
    }

     .rightBox {
        width: 48%;
        margin-left: 4%;
    }

     .leftBox * {
        transition: all 0.6s ease;
    }

     .leftBox .newList:hover img {
        transform: scale(1.1) translate(-50%,-50%);
        transition: all 0.6s ease;
    }

     .leftBox .newList:hover .content {
        background: #2953a1;
        transition: all 0.6s ease;
    }

     .leftBox .newList:hover .content * {
        color: #fff;
        transition: all 0.3s ease;
    }

     .rightBox .newList {
        transition: all 0.6s ease;
    }

     .rightBox .newList:hover {
        background: #f4f4f4;
        transition: all 0.6s ease;
    }

     .rightBox .newList:hover .n_left {
        background: #2953a1;
        transition: all 0.6s ease;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
     .leftBox {
        width:49%;
    }

     .rightBox {
        width: 49%;
        margin-left: 2%;
    }

     .newList {
        width: 50%;
    }
}

@media only screen and (max-width: 768px) {
     .rightBox .newList {
        padding:13px 0px;
        position: relative;
    }

     .contentL .n_right {
        width: calc(100% - 70px);
        margin-left: 70px;
    }

     .n_left {
        width: 70px;
        position: absolute;
    }

     .contentL .n_left {
        top: 0;
        left: 0;
        padding-top: 24px;
    }

     .rightBox .content {
        width: calc(100% - 70px);
        padding-left: 13px;
        margin-left: 70px;
    }

     .newList {
        width: 100%;
        height: 100%;
    }

     .leftBox {
        width: 100%;
    }

     .leftBox .newPicBox {
        width: 100%;
        height: 250px;
        overflow: hidden;
    }

     .leftBox .content {
        width: 100%;
    }

     .rightBox {
        margin-top: 10px;
    }

     .rightBox .newPicBox {
        height: auto;
    }

     .newMs {
        font-size: 14px;
    }
}

 .p_hot .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

 .p_new .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

 .p_page .pre .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

 .p_page .next .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

 .p_more .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

 .p_loading .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}


.pro-i .swiper-button-prev{display: none;}
.pro-i .swiper-button-next{opacity: .8;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}



.inquireBox{
  /* margin: 10% 0; */
  width: 100%;
  padding: 3% 0;
  background: #F6F7F7;
  overflow: hidden;
}
.location_name{
  font-size: 18px;
  line-height: 3;
  height: 54px;
}
.loacation_line{
  width: 100%;
  height: 50px;
  line-height: 50px;
  border: 1px solid #ccc;
  background: #fff;
  display: flex;
}
.loacation_line img,
.loacation_line input,
.loacation_line>div{
  /* display: inline-block; */
  vertical-align: middle;
}
.loaction_inputBox{
  flex: 1;
}
.loacation_line .loaction_input{
  position: relative;
  
}
.loaction_input input{
  width: 100%;
  height: 50px;
  background: none;
  /* height: 40px; */
  /* padding: 0 10px; */
  box-sizing: border-box;
  border: none;
  outline: none;
  margin-right: 15px;
}
.loacation_line .loaction_close{
  position: absolute;
  top: 0;
  line-height: 50px;
  right: 0;
  display: none;
  width: 50px;
  text-align: center;
}
.loacation_line .loaction_img{
  width: 48px;
  height:50px;
  text-align: center;
  
}
.loacation_line .loaction_img img{
  /* width: 100%; */
  width: 1.875rem;
    height: 1.5rem;
    fill: #dce0e1
}
.loacation_button{
  text-align: center;
  width: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #fff;
  height: -webkit-fill-available;
  float: right;
  background: #0F58D6;
  cursor: pointer;
}
.col-md-6{
	width: 50%;
	float: left;
}
.distributorBox{
  width: 100%;
  padding: 3% 0;
  box-sizing: border-box;
  background: #fff;
  overflow: hidden;
}
.addressLine>h2{
  font-size: 26px;
  font-weight: 500;
}
.addressLine .address_result{
  font-size: 16px;
  line-height: 2;
}
.addressLine .resultUl{
  height: 400px;
  overflow: auto;
}
.addressLine .resultUl>li{
  cursor: pointer;
  padding: 15px 0;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
}
.addressLine .resultUl>li .result_address{
  display: flex;
}
.addressLine .resultUl>li .li_icon{
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
.addressLine .resultUl>li .li_address{
  flex: 1;
  margin-right: 10px;
}
.addressLine .resultUl>li .li_address>h4{
  color: #0f58d6;
  font-size: 16px;
  font-weight: bold;
  line-height: 2;
}
.addressLine .resultUl>li .li_address .li_type{
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.addressLine .resultUl>li .li_address .li_type>img{
  width: 6px;
  height: 14px;
}
.addressLine .resultUl>li .li_address .li_type>h5{
  font-weight: bold;
  color: #0f58d6;
}
.addressLine .resultUl>li .li_address>p{
  color: #485a64;
}
.addressLine .card_details{
  display: none;
  width: 100%;
  background: #F6F7F7;
  padding: 15px;
  box-sizing: border-box;
}
.card_details .card_close{
  text-align: right;
  color: #0f58d6;
  font-weight: bold;
  cursor: pointer;
}
.card_details>h2{
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.card_details .detailsUl{
  margin-top: 20px;
}
.card_details .detailsUl>li{
  display: flex;
  line-height: 1.5;
}
.card_details .detailsUl>li>div{
  flex: 1;
}
.card_details .detailsUl>li>div:first-child{
  margin-right: 15px;
}
.card_details .details_title{
  font-weight: bold;
  font-size: 16px;
  line-height: 2;
}
.card_details .detail_email{
  display: block;
  width: 250px;
  word-wrap: break-word;
  color: #337ab7;
}
.distributorBox{
  width: 100%;
  padding: 3% 0;
  box-sizing: border-box;
}
.filter_select form>div .subcheckboxItem{
  margin-left: 23px;
}
.filter_select form>div .checkboxItem{
  margin-top: 10px;
}
.filter_select form>.subcheckbox_box{
  background: #F6F7F7;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
